<template>
    <div class="dataStatistics app-container">
      <div class="__page">
        <div class="header_upOut">
          <el-button type="primary" @click="exportFile" size="mini">导出</el-button>
        </div>
          
        <el-table
          :data="tableData"
          border
          stripe
          height="600"
          style="width: 100%">
          <el-table-column label="管理单位(公司简称)" align="center" width="180">
            <el-table-column align="center" width="180">
              <template slot="header">
                <el-input
                  v-model="firmName"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.name}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="处置单位(项目简称)" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="projectName"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.name}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="处置地区" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="disposalArea"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="处置省份" align="center" width="150">
            <el-table-column align="center"  width="150">
              <template slot="header">
                <el-select v-model="disposalProvince" placeholder="请选择" size="mini">
                  <el-option
                    v-for="item in biddingStateoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="标的类型" align="center" width="150">
            <el-table-column align="center"  width="150">
              <template slot="header">
                <el-select v-model="lotsType" placeholder="请选择" size="mini">
                  <el-option
                    v-for="item in biddingStateoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="标的名称" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="lotsName"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="标的数量" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="lotsAmount"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="计量单位" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="lotsUnit"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="报价是否含税" align="center" width="150">
            <el-table-column align="center"  width="150">
              <template slot="header">
                <el-select v-model="taxInclusive" placeholder="请选择" size="mini">
                  <el-option
                    v-for="item in biddingStateoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="挂网时间" align="center" width="280">
            <el-table-column align="center" width="280">
              <template slot="header">
                <el-date-picker
                  v-model="hangingNetTime"
                  type="datetimerange"
                  :picker-options="pickerOptions"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  align="right"
                  size="mini"
                  style="width: 100%;">
                </el-date-picker>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.create_time}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="报名人数" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="enrollNum"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="保证金" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="earnestMoney"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="保留单价" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="reservePrice"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="起始单价" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="initialPrice"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="定标时间" align="center" width="280">
            <el-table-column align="center" width="280">
              <template slot="header">
                <el-date-picker
                  v-model="calibrationTime"
                  type="datetimerange"
                  :picker-options="pickerOptions"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  align="right"
                  size="mini"
                  style="width: 100%;">
                </el-date-picker>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.create_time}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="参与买家数" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="onParticipantsNum"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="竞价次数" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="numberBids"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="定标状态" align="center" width="150">
            <el-table-column align="center"  width="150">
              <template slot="header">
                <el-select v-model="scalingState" placeholder="请选择" size="mini">
                  <el-option
                    v-for="item in biddingStateoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </template>
              <template slot-scope="scope">
                <span v-if="scope.row.status=='1'">即将开始</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="成交单价" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="transactionPrice"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="成交金额" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="turnover"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="买受人" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="buyer"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="成交保留价金额" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="reservePriceAmount"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="成交保留价金额" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="reservePriceAmount"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="是否违约" align="center" width="150">
            <el-table-column align="center"  width="150">
              <template slot="header">
                <el-select v-model="defaultOrNot" placeholder="请选择" size="mini">
                  <el-option
                    v-for="item in biddingStateoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </template>
              <template slot-scope="scope">
                {{scope.row.dispose_unit}}
            </template>
            </el-table-column>
          </el-table-column>
          <el-table-column label="买受人违约金" align="center" width="200">
            <el-table-column align="center" width="200">
              <template slot="header">
                <el-input
                  v-model="deditBuyer"
                  size="mini"/>
              </template>
              <template slot-scope="scope">
                <span>{{scope.row.dispose_unit}}</span>
            </template>
            </el-table-column>
          </el-table-column>
        </el-table>

        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="page"
          :page-sizes="[7, 20, 30, 40]"
          :page-size="limit"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
        </el-pagination>
      </div>
    </div>
  </template>
  
<script>
  
  export default {
    name: 'dataStatistics',
    data(){
      return{
        firmName:'', //管理单位 公司简称
        projectName:'',//处置单位 项目简称
        disposalArea:'', //处置地区
        disposalProvince:'', //处置省份
        lotsType:'', //标的类型
        lotsName:'', //标的名称
        lotsAmount:'', //标的数量
        lotsUnit:'', //计量单位
        taxInclusive:'', //报价是否含税
        hangingNetTime:'', //挂网时间
        enrollNum:'', //报名人数
        earnestMoney:'', //保证金
        reservePrice:'', //保留单价
        initialPrice:'', //起始单价
        calibrationTime:'', //定标时间
        onParticipantsNum:'', //参与买家数
        numberBids:'', //竞价次数
        scalingState:'', //定标状态
        transactionPrice:'', //成交单价
        turnover:'', //成交金额
        buyer:'', //买受人
        reservePriceAmount:'', //成交保留价金额
        defaultOrNot:'', //是否违约
        deditBuyer:'', //买受人违约金
        page:1,
        limit:10,
        total:0,
        tableData:[],
      }
    },
    created(){
      this.list();
    },
    methods:{
      list(){

      },
      //点击导出
      exportFile(){

      },
      // 分页
      handleSizeChange(val) {
        this.limit = val
        this.list()
      },
      // 分页
      handleCurrentChange(val) {
        this.page = val
        this.list()
      },
      
    }
  }
</script>
  
<style lang="scss" scoped>
  .dataStatistics {
    .header_upOut{
      text-align: right;
      margin-bottom: 10px;
    }
  }
</style>
  